<script>
	import {
		useCartStore
	} from '@/store/index'
	export default {
		onLaunch: function() {
			console.log('App Launch')
			//app.vue 中初始化购物车
			const cartStore = useCartStore();
			cartStore.initCart();
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.jximgbox {
		padding-bottom: 74%;
		position: relative;
		background: $cf;
		overflow: hidden;
	}

	.jxstips {
		position: absolute;
		left: 0;
		top: 0;
		background: #f2d4ac;
		font-size: 18rpx;
		color: #a25f2e;
		padding: 5rpx 10rpx;
		border-radius: 0 0 10rpx 0;
		z-index: 3;
	}

	.jxtip {
		background: $red;
		font-size: 20rpx;
		color: #fff;
		border-radius: 10rpx;
		padding: 5rpx 15rpx;
		display: inline-block;
	}

	.jximg {
		position: absolute;
		top: 5%;
		left: 5%;
		width: 90%;
		height: 90%;
	}

	.jxtitle {
		font-size: 32rpx;
		color: $c3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.jxspcc {
		font-size: 24rpx;
		color: $c9;
		margin: 10rpx 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.jxprice {
		font-size: 30rpx;
		color: $red;
	}

	.jxlogin {
		font-size: 30rpx;
		color: $yel;
		font-weight: bold;
	}

	.jxer {
		font-size: 22rpx;
		color: $red;
		margin-top: 10rpx;
	}

	.shopctrl {
		display: flex;
		align-items: center;
		border: 1px solid #ececec;
		border-radius: 5px;

		&-l {
			width: 50rpx;
			text-align: center;
			color: $c9;
		}

		&-c {
			border: 1px solid #ececec;
			border-top: none;
			border-bottom: none;
			display: flex;
			align-items: center;
			height: 42rpx;
		}

		&-int {
			font-size: 14px;
			text-align: center;
			width: 80rpx;
			min-height: auto;
			height: auto;
		}
	}
</style>